<template>
	<view class="bank-item" @click="toList">
		<view>
			<view class="name">{{ info.name }}</view>
			<view class="desc">
				<text>已存储</text>
				<text style="color: #165DFF;font-weight: bold;" class="up-m-l-8 up-m-r-8">{{ info.quantity }}</text>
				<text>份文件</text>
			</view>
		</view>
		<image src="https://byjh.oss-cn-hangzhou.aliyuncs.com/9d688ff88e6f4cf7b81053b64dd8801b.png" mode="widthFix"
			style="width: 28px;height: 28px;"></image>
	</view>
</template>

<script setup>
	import Utils from '@/utils/common.js'

	const props = defineProps({
		info: {
			type: Object,
			default: () => ({})
		}
	})

	const toList = () => {

		uni.navigateTo({
			url: '/subPackages/bank/list?id=' + props.info.id
		})
	}
</script>

<style lang="scss" scoped>
	.bank-item {
		background-color: #fff;
		border: 1rpx solid #E5E6EB;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 16px 24px;
		border-radius: 8px;
		margin-bottom: 20px;
		box-sizing: border-box;

		.name {
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 12px;
		}

		.desc {
			font-size: 13px;
			color: #86909C;
		}
	}
</style>